body {
    margin: 0;
    padding: 0;

    > .sh-yh-bg {
        position: relative;
        height:100% ;
        width: 100%;
        
        > img{
            height: 100%;
            width:100%;
        }
    }

    >.sh-yh-phone {
     position:absolute;
      top: 38%;
      left: 0;
      width:100%;
       
      
      >.sh-yh-phone-content{
          background-color: #fff;      
           border-radius: 10px; 
           width:95%;
           margin: 0 auto;
           padding: 10px 0;
           color: #999999;
           
      >.form-group{ 
           border-bottom: 1px solid #dcdcdc;
           margin: 0 2.5%;
          input{           
         width:95%;
         margin: 0 auto;
         border: none;
         height: 45px;
        
       }    
      
       }      
      }
      >.sh-yh-phone-btn{       
       width:95%;
       margin:10px 2.5%;      
       background-color: #fff;       
       border-radius: 10px;
    }
    >.sh-yh-phone-text{
        width: 100%;
        background: rgba(225,225,225,50%);
        color: #9f1818;
        text-align: center;
        line-height: 40px;
    }   
    }
     
}
.sh-yh-phone-content-validation{
       margin-left: 2.5%;
       margin-right:2.5% ;
     border-bottom: 1px solid #dcdcdc;
     >.form-group{
         margin: 0;
     }
       >.sh-yh-phone-content-validation-btn{
           > button{
               border:none; 
               background-color: #9f1818;
               color: :#fff; 
               border-radius: 5px;
               color:#fff;
               margin-top: 5px;
           }
       }
    }
.input-group-addon{
               background-color: #fff;
               border: none;
              > img{
                  width: 25px;
              }
              }
              


// 分享收徒
.sh-yh-share{
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    font-size: 18px;
    >.sh-yh-share-header{
        line-height: 65px;       
        text-align: center;
        color: #fff;
        background-color: #d57105;
    }
    >.sh-yh-share-img{
        width: 90%;
        margin: 30px auto;
        > img{
            width: 100%;
        }
    }
    >.sh-yh-share-content{
        text-align: center;
        
        >.sh-yh-share-content-input{
            width: 80px;
            margin: 10px auto;
        }
        >.sh-yh-share-content-img{
            width: 50%;
            margin: 0 auto;
            > img{
              width: 100%;  
            }
            >.sh-yh-share-content-text{
                margin: 14px;
                color:#4d4d4d;
            }
        }
        >.sh-yh-share-content-btn{
            width: 95%;
            margin: 30px auto;
            font-size: 16px;
            background-color: #7f7500;
            border-radius: 10px;
            line-height: 40px;
            color:#fff;
        }
    }
}
